<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  
</body>
<script>

  // 需求：登录成功后，根据登录成功后的token，获取用户信息
  
  
  const loginUrl = "http://10.11.55.249:3000/login"
  const getUserUrl = "http://10.11.55.249:3000/getuser"

  // 先开启一个登录请求
  ajax(loginUrl, {
    username:"admin",
    password:123456
  }).then(res=>{
    // 登录成功后，解析数据
    res = JSON.parse(res);
    // 再开启一个新的获取用户信息的请求（需要使用登录成功后的token）
    return ajax(getUserUrl, {
      token: res.data.token
    })
  }).then(res=>{
    // 获取用户信息的请求成功的处理
    console.log(res);
  }).catch(code=>{
    // 任意一个请求失败的处理
    console.log(code)
  });

  
  // function createPromise(){}
  function ajax(url, data){
    // 解析数据
    let str = "";
    for(let i in data){
      str += `${i}=${data[i]}&`
    }
    // 拼接url
    url += "?" + str.slice(0, -1);

    // 开启xhr
    const xhr = new XMLHttpRequest()
    xhr.open("get", url, true);
    xhr.send();

    // 准备创建promise包裹异步程序
    return new Promise((resolve, reject)=>{
      // 监听xhr的状态了
      xhr.onload = function(){
        if(xhr.status === 200){
          // 成功状态，执行promise的成功功能
          resolve( xhr.responseText );
        }else{
          // 失败状态，执行promise的失败功能
          reject( url  + " " +  xhr.status );
        }
      }
    })
  }

  
</script>
</html>